﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <link href="../../themes/css/ui.common.css" rel="stylesheet" type="text/css" />
    <link href="../../themes/css/ui.child.css" rel="stylesheet" type="text/css" />
    <link href="../../themes/css/ui.tips.css" rel="stylesheet" type="text/css" />
    <link href="../../style/jquery_ui/jquery-ui-1.8.custom.css" rel="stylesheet" type="text/css" />
    <link id="skin_css" rel="stylesheet" type="text/css" href="../../themes/css/ui.c.blue.css" />
    <link rel="stylesheet" href="../../themes/default/pagination.css" type="text/css" />
    <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery-ui-1.8.custom.min.js" type="text/javascript"></script>
    <script src="../../Scripts/ui.tips.js" type="text/javascript"></script>
    <script src="../../Scripts/ui.default.js " type="text/javascript" charset="UTF-8"></script>
    <script src="../../Scripts/ui.admincp.js" type="text/javascript" charset="UTF-8"></script>
    <script src="js/ui.editableObject.js" type="text/javascript"></script>
    <script src="js/goodsOrderHandler.js" type="text/javascript"></script>
    <script src="js/bussiness.goodsReturn.js" type="text/javascript"></script>
    <style type="text/css">
        body
        {
            font-size: 12px;
            font-family: "Segoe UI" , Verdana, "Comic Sans MS";
        }
        
        .text-container
        {
            border: 1px groove #d9e0e3;
            padding: 2px;
            height: 32px;
            width: 300px;
            overflow: visible;
        }
        
        .text-container ul
        {
            margin: 0;
        }
        
        .text-close-icon
        {
            cursor: hand;
        }
        .text-item
        {
            cursor: default;
            padding: 3px;
            margin: 1px;
            display: block;
            background: #FFF;
            border: 1px double #d9e0e3;
        }
        li.text-item
        {
            list-style: none;
            display: inline;
            height: 16px;
        }
        .text-display
        {
            overflow: hidden;
        }
    </style>
    <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $(".text-item").live("mouseover", function () {
                $(this).find(".text-close-icon").attr("src", "close-red.png");
            }).live("mouseout", function () {
                $(this).find(".text-close-icon").attr("src", "close-gray.png");
            });

            $(".text-close-icon").live("click", function () {
                $(this).parent().remove();
            });

            $("#addPeople").click(function () {
                var name = $("#NameTextBox").val();
                id = Math.random();

                var newPersonInfo = buildPersonInfo(name, id);
                $("#text-container-inner").append($(newPersonInfo));

            });
        });

        function buildPersonInfo(name, id) {
            var result = '<li class="text-item"><span class="text-display" value="' + id + '">' + name + '&nbsp;</span>' +
            '<img alt="Remove" src="close-gray.png" class="text-close-icon" height="10px" width="10px"'
            + 'title="移除" /></li>';

            return result;
        }
    </script>
</head>
<body>
    <div>
        <span class="pageTitle" style="font-size: 14px;">人员调度</span>
        <div>
            <table class="tb tb2" width="100%">
                <tbody>
                    <tr>
                        <td class="mtd">
                            调度人员:
                        </td>
                        <td>
                            <input class="control" value="" id="txt_title" />
                        </td>
                        <td width="20">
                        </td>
                    </tr>
                </tbody>
                <tr>
                    <td class="mtd">
                        调入职位:
                    </td>
                    <td>
                        <input class="control" value="" id="txt_price" />
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td class="mtd">
                        申请说明:
                    </td>
                    <td>
                        <textarea class="control" rows="4" id="txt_Description" style=""></textarea>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        <div>
                            <input type="button" value="提交" class="o-btn" />
                            &nbsp;&nbsp;
                        </div>
                    </td>
                    <td>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div class="text-container">
                           <ul id="txt_SectionReceiver" class="text-container-inner  objectSelector-result"><li class="text-item"><span class="text-display" value="3" name="454545 " groupId="g1">454545 &nbsp;</span><img class="text-close-icon" title="移除" alt="Remove" src="themes/icons/close-gray.png" width="10" height="10"></li><li class="text-item"><span class="text-display" value="1" name="34 " groupId="g1">34 &nbsp;</span><img class="text-close-icon" title="移除" alt="Remove" src="themes/icons/close-gray.png" width="10" height="10"></li><li class="text-item"><span class="text-display" value="2" name="3 " groupId="g1">3 &nbsp;</span><img class="text-close-icon" title="移除" alt="Remove" src="themes/icons/close-gray.png" width="10" height="10"></li><li class="text-item"><span class="text-display" value="5" name="34 " groupId="g1">34 &nbsp;</span><img class="text-close-icon" title="移除" alt="Remove" src="themes/icons/close-gray.png" width="10" height="10"></li><li class="text-item"><span class="text-display" value="4" name="45325 " groupId="g1">45325 &nbsp;</span><img class="text-close-icon" title="移除" alt="Remove" src="themes/icons/close-gray.png" width="10" height="10"></li></ul>
                    
    </div>
    <input id="NameTextBox" type="text" value="周武" />
    <button id="addPeople">
        Add Person</button>
</body>
</html>
